<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>通话详单</title>
<link rel="shortcut icon" href="/images/user/favicon.png" type="image/x-i con">
<link href="/css/user/buy/css.css" rel="stylesheet" type="text/css" />
<link href="/css/user/users/memberCenter.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/js/member-center.js"></script>
<script type="text/javascript" src="/js/user/users/member_center/menu_line.js"></script>
<script language="javascript" type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
<script language="javascript" type="text/javascript" src="/js/ajaxDataFormat.js"></script>
<style type="text/css">
.basicbtn {
	background-color: #00a2c9;
	margin-left: 85px;
	width: 140px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
</style>
</head>
<body>
<div class="Wrapper">
	<!--通话记录头部-->
    <jsp:include page="../../common/member/memberHeader.jsp"></jsp:include>
    <!--通话记录头部-->
    <!--通话记录中间部分-->
    <div class="uc_bd mt20 mb20 ">
    	<div class="uc_layer">
        	<!--通话记录账户信息-->
       	  	<jsp:include page="../../common/call/call_center.jsp"></jsp:include>
            <!--通话记录账户信息-->
            <div class="account mt20">
                <!--通话记录左侧-->
                <jsp:include page="../../common/call/call_left.jsp"></jsp:include>
            	<!--通话记录左侧-->
                <!--通话记录右侧-->
                <div class="member_r fr">
                	
                	<div class="uitopb uitopb_border"  style="height: 200px">
                        <div class="uc_content order_list"  style="height: 200px">
                        	<br>
                        	<div>
		                		<label style="margin-left: 40PX;font-size: 16px"> 时间范围</label> 
									<input type="text" name="startTime" style="width:100px;height: 25px" readonly="true" size="8" value="2014-09-10" id="startTime" onclick="WdatePicker()" class="Wdate">
								<label style="font-size: 16px">至</label> 
									<input type="text" name="endTime" style="width:100px;height: 25px" readonly="true" size="8" value="2014-10-10" id="startTime" onclick="WdatePicker()" class="Wdate">
								
								<span> 
									<input type="button" name="button" id="search" value="查询" class="basicbtn" style="margin-left: 20px; width: 80px; height: 30px;">
								</span>
		                	</div>
		                	<br>
                        	<table class="cart-table" id="tradeTable" style="border: 0px; width: 760px;margin-left:33px;">
								<thead class="tabs cle">
									<tr>
										<th>流水号</th>
										<th>起始时间</th>
										<th>通话时长(分)</th>
										<th>对方号码</th>
	                            		<th>通话类型</th>
										<th>通话金额(元)</th>
									</tr>
								</thead>
								<tbody class="item_content">
									<tr>
										<td style="text-align: center;">201410020001</td>
										<td style="text-align: center;">2014-10-11 08:10:45</td>
										<td style="text-align: center;">10</td>
										<td style="text-align: center;">18867152066</td>
										<td style="text-align: center;">主叫</td>
										<td style="text-align: center;">0.55</td>
									</tr>
									<tr>
										<td style="text-align: center;">201410020002</td>
										<td style="text-align: center;">2014-10-12 15:10:45</td>
										<td style="text-align: center;">20</td>
										<td style="text-align: center;">15867182066</td>
										<td style="text-align: center;">被叫</td>
										<td style="text-align: center;">1.10</td>
									</tr>
								</tbody>
							</table>
                        	
                      </div>
                    </div>
                </div>
                <!--通话记录右侧-->
                <div class="cl"></div>
			</div>
      	</div>
    </div>
    <!--通话记录中间部分-->
    <!---------------------------------footer------------------------------------>
    <jsp:include page="../../common/footer.jsp"/>
  	<!---------------------------------footer结束------------------------------------>
</div>
</body>
</html>
